:root {
  --primary: #0b5640;
  --primary-light: #3A7967;
  --primary-dark: #084B37;
  --rgba-primary: rgba(11, 86, 64, 1);
  --text-primary: #3af9a2;

  --secondary: #018D38;
  --secondary-light: #33A75F;
  --secondary-dark: #007B2F;

  --tertiary: #df3235;
  --title-color: #595959;
  --light-color: #a2a2a2;
  --gray: #808080;
  --modal-bg: #f8f8f8;
  --modal-bg-md: #FFFFFF;
  --neutral-color-title: #575757;
  --bg-main: #fbfbfb;
  --border-color: #e5e5e5;
  --danger: rgb(168, 0, 0);
  --border-light: #b9b9b9;
  --shadow-secondary: rgba(222, 120, 34, 50%);

  --white: #fff;
  --white-025: #393939;
  --white-050: #3d3d3d;
  --white-075: #404345;
  --white-100: #4a4e51;
  --white-150: #555a5e;
  --white-200: #697075;
  --white-300: #7d848d;
  --white-350: #959ca3;
  --white-400: #9fa6ad;
  --white-500: #acb2b8;
  --white-600: #c4c8cc;
  --white-700: #cfd2d6;
  --white-750: #dadee0;
  --white-800: #e7e8eb;
  --white-900: #f2f2f3;

  --black: #121212;
  --black-025: #fafafb;
  --black-050: #eff0f1;
  --black-075: #e4e6e8;
  --black-100: #d6d9dc;
  --black-150: #c8ccd0;
  --black-200: #bbc0c4;
  --black-300: #9fa6ad;
  --black-350: #9199a1;
  --black-400: #848d95;
  --black-500: #6a737c;
  --black-600: #535a60;
  --black-700: #3c4146;
  --black-750: #2f3337;
  --black-800: #242729;
  --black-900: #0c0d0e;
}